.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}

.head{
//   position: fixed;
//  left: 0;
//  top: 0;
    border-bottom:1px solid #B9B9B9;
    .pxToRem(padding-bottom,10);
    box-sizing: border-box;
    display: flex;
//  align-items: center;
//  justify-content: center;
    .pxToRem(height, 295);
    width: 100%;
//  z-index: 99;
    flex-direction: column; 
    background: url(../images/dtb.jpg) no-repeat;
    background-size: 100%; 
    figure{
        width: 20%;
         position: absolute;
          top: 16%;
          left: 42%;
        img{
          width: 100%;
         
        }
    }
    .span{
        position:absolute;
          top: 30%;
          left: 39%;
          color: #595959;
         .pxToRem(letter-spacing, 10);
    }
}



.cen {
   
    width: 100%;
    .pxToRem(margin-top, 150);
    .pxToRem(padding-bottom, 38);
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
  border-bottom: 3px solid #f8f6f9;
    dl {
       .pxToRem(padding-bottom, 10);
        .pxToRem(padding-left, 10);
      .pxToRem(margin-top, 20);
        width: 25%;
        box-sizing: border-box;
        text-align: center;
        dd {
            
            color: #787878;
            .pxToRem(padding-top, 15);
            font-weight: bold;
        }
    }
}

.bootn{
    width: 100%;
    .pxToRem(padding-top, 40);
//  display: flex;
    .xiao{
        .pxToRem(padding-top, 20);
        width: 100%;
        border-top: 1px solid #D7D7D7;
         border-bottom: 1px solid #D7D7D7;
         display: flex;
         .pxToRem(padding-bottom, 20);
    figure{
        width: 5%;
        .pxToRem(padding-left, 30);
        
        img{
            width: 100%;
        }
    }
    .zh{
         .pxToRem(padding-left, 30);
          .pxToRem(font-size, 30);
           .pxToRem(letter-spacing, 5);
           box-sizing: border-box;
    }
    .jt{
         .pxToRem(padding-left,450);
          .pxToRem(font-size, 30);
           box-sizing: border-box;
//         .pxToRem(letter-spacing, 5);
    }
}
}



.bottom{
    width: 100%;
    .pxToRem(padding-top, 40);
//  display: flex;
    .xiaoone{
        .pxToRem(padding-top, 20);
        width: 100%;
        border-top: 2px solid #f0f0f0;
         border-bottom: 2px solid #f0f0f0;
         display: flex;
         .pxToRem(padding-bottom, 20);
    figure{
        width: 5%;
        .pxToRem(padding-left, 30);
        img{
            width: 100%;
        }
    }
    .zhone{
         .pxToRem(padding-left, 30);
          .pxToRem(font-size, 30);
           .pxToRem(letter-spacing, 5);
    }
    .jtone{
         .pxToRem(padding-left,450);
          .pxToRem(font-size, 30);
//         .pxToRem(letter-spacing, 5);
    }
}
}



.bot{
    width: 100%;
    .pxToRem(padding-top, 40);
//  display: flex;
    .xiaotow{
        .pxToRem(padding-top, 20);
        width: 100%;
       border-top: 1px solid #f0f0f0;
         border-bottom: 1px solid #f0f0f0;
         display: flex;
         .pxToRem(padding-bottom, 20);
    figure{
        width: 5%;
        .pxToRem(padding-left, 30);
        img{
            width: 100%;
        }
    }
    .zhtow{
         .pxToRem(padding-left, 30);
          .pxToRem(font-size, 30);
           .pxToRem(letter-spacing, 5);
    }
    .jttow{
         .pxToRem(padding-left,450);
          .pxToRem(font-size, 30);
//         .pxToRem(letter-spacing, 5);
    }
}
}



.foot {
//  position: fixed;
//  bottom: 0;
//  left: 0;
//  background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 98);
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        span {
            .pxToRem(font-size, 40);
        }
    }
}